JS ES6 Basic [JS] #14 Symbol 함수, 메소드 for() 함수는 글로벌 Symbol 레지스트리에 {key: value} 형태로 Symbol을 저장합니다. 파라미터()의 문자열이 key가 되고 Symbol()로 생성한 값이 value가 됩니다. ⇒ key : "sports", value : Symbol(sports) ⇒ {"sports":Symbol(sports)} ⇒ Symbol("sports")에서 파라미터가 주석이었던 것과는 차이가 ... JS ES6 BasicJS ES6 Basic [JS] #2 Arrow Function 화살표 함수에서 함수 블록과 return 작성을 생략할 수도 있습니다. 화살표 함수는 일반 함수와 구조가 다릅니다. 화살표 함수 화살표 함수에서는 arguments를 사용할 수 없습니다. point(10, 20)형태로 호출하면 일반 함수에서는 arguments에 10, 20이 설정되지만, 화살표 함수에서는 ReferenceError가 발생합니다. 이를 화살표 함수로 해결할 수 있습니다. 화살... JS ES6 BasicJS ES6 Basic [JS] #5 For-of, getter, setter Syntax: for(variable of iterable){ } 이터러블 오브젝트를 반복합니다. iterable list 자리에 이터러블 오브젝트를 작성 variable 변수 이름 작성 이터러블 오브젝트를 반복할 때마다 variable에 값이 할당됩니다. 배열을 반복하며 엘리먼트를 하나씩 전개합니다. Object는 전개되지 않습니다. for-of, Object 하지만, Object.keys... JS ES6 BasicJS ES6 Basic [JS] #4 변수 spread 대상 Object를 작성한 위치에 프로퍼티 단위로 전개합니다. ⇒ 왼쪽의 인덱스에 해당하는 오른쪽 배열의 값을 할당합니다. ⇒ 왼쪽에 할당받을 변수가 분할 할당할 값보다 적은 경우 왼쪽 인덱스에 맞추어 값을 할당합니다. ⇒ 왼쪽의 할당받을 변수가 3개이고 분할 할당할 값이 2개라면 왼쪽에 값을 할당할 수 없는 변수에는 undefined가 설정됩니다. 프로퍼티 이름이 같은 프로퍼티... JS ES6 BasicJS ES6 Basic [JS] #3 Iteration 이터레이션(Iteration): 반복 이터레이션 프로토콜(규약)은 오브젝트가 이터레이션 할 수 있는 구조 + 이터레이션 함수를 가지고 있어야 한다는 것 입니다. 이터러블(iterable)프로토콜 이터레이터(iterator)프로토콜 반복 가능한 오브젝트를 이터레이터 오브젝트로 만드는 프로토콜 이터레이션 할 수 없는 오브젝트를 이터레이션 할 수 있도록 만들 수도 있습니다. 이터러블 프로토콜 오브... JS ES6 BasicJS ES6 Basic [JS] #12 Symbol 오브젝트 ES5에서는 primitive 값 타입이 string, number, boolean, null, undefined이 있습니다. ES6에서 symbol 타입이 추가되었습니다. symbol: Symbol - 외부에 노출되지 않는 특성 undefined, null은 wrapper 오브젝트가 없기 때문에 값으로만 사용할 수 있습니다. Symbol()은 값을 생성하여 반환하는데, 반환된 값은 노출되지... JS ES6 BasicJS ES6 Basic
[JS] #14 Symbol 함수, 메소드 for() 함수는 글로벌 Symbol 레지스트리에 {key: value} 형태로 Symbol을 저장합니다. 파라미터()의 문자열이 key가 되고 Symbol()로 생성한 값이 value가 됩니다. ⇒ key : "sports", value : Symbol(sports) ⇒ {"sports":Symbol(sports)} ⇒ Symbol("sports")에서 파라미터가 주석이었던 것과는 차이가 ... JS ES6 BasicJS ES6 Basic [JS] #2 Arrow Function 화살표 함수에서 함수 블록과 return 작성을 생략할 수도 있습니다. 화살표 함수는 일반 함수와 구조가 다릅니다. 화살표 함수 화살표 함수에서는 arguments를 사용할 수 없습니다. point(10, 20)형태로 호출하면 일반 함수에서는 arguments에 10, 20이 설정되지만, 화살표 함수에서는 ReferenceError가 발생합니다. 이를 화살표 함수로 해결할 수 있습니다. 화살... JS ES6 BasicJS ES6 Basic [JS] #5 For-of, getter, setter Syntax: for(variable of iterable){ } 이터러블 오브젝트를 반복합니다. iterable list 자리에 이터러블 오브젝트를 작성 variable 변수 이름 작성 이터러블 오브젝트를 반복할 때마다 variable에 값이 할당됩니다. 배열을 반복하며 엘리먼트를 하나씩 전개합니다. Object는 전개되지 않습니다. for-of, Object 하지만, Object.keys... JS ES6 BasicJS ES6 Basic [JS] #4 변수 spread 대상 Object를 작성한 위치에 프로퍼티 단위로 전개합니다. ⇒ 왼쪽의 인덱스에 해당하는 오른쪽 배열의 값을 할당합니다. ⇒ 왼쪽에 할당받을 변수가 분할 할당할 값보다 적은 경우 왼쪽 인덱스에 맞추어 값을 할당합니다. ⇒ 왼쪽의 할당받을 변수가 3개이고 분할 할당할 값이 2개라면 왼쪽에 값을 할당할 수 없는 변수에는 undefined가 설정됩니다. 프로퍼티 이름이 같은 프로퍼티... JS ES6 BasicJS ES6 Basic [JS] #3 Iteration 이터레이션(Iteration): 반복 이터레이션 프로토콜(규약)은 오브젝트가 이터레이션 할 수 있는 구조 + 이터레이션 함수를 가지고 있어야 한다는 것 입니다. 이터러블(iterable)프로토콜 이터레이터(iterator)프로토콜 반복 가능한 오브젝트를 이터레이터 오브젝트로 만드는 프로토콜 이터레이션 할 수 없는 오브젝트를 이터레이션 할 수 있도록 만들 수도 있습니다. 이터러블 프로토콜 오브... JS ES6 BasicJS ES6 Basic [JS] #12 Symbol 오브젝트 ES5에서는 primitive 값 타입이 string, number, boolean, null, undefined이 있습니다. ES6에서 symbol 타입이 추가되었습니다. symbol: Symbol - 외부에 노출되지 않는 특성 undefined, null은 wrapper 오브젝트가 없기 때문에 값으로만 사용할 수 있습니다. Symbol()은 값을 생성하여 반환하는데, 반환된 값은 노출되지... JS ES6 BasicJS ES6 Basic